<template>
    <button class="fdx-cut-button" :class="[
        type ? 'fdx-cut-button--' + type : '']">
        <slot></slot>
    </button>
</template>

<script>
export default {
    name: 'CutButton',
    props: {
        type: String
    }
}
</script>

<style lang="scss">
.fdx-cut-button {
    position: fixed;
    right: 20px;
    bottom: 22px;
    height: 32px;
    line-height: 32px;
    padding: 0 11px;
    background-color: #fc7086;
    font-size: 14px;
    color: #fff;
    border-radius: 25px;
    border: none;
    box-shadow: 0 2px 3px rgba(251, 51, 83, 0.36);
    outline:none;
}
.fdx-cut-button--higher {
    bottom: 70px;
}
</style>